html,
body {
	height: 100%;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
}

* {
	box-sizing: border-box;
	position: relative;
}

@keyframes fadeIn {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

@keyframes fadeOut {
	0% {
		opacity: 1;
	}

	100% {
		opacity: 0;
	}
}

.ani {

	animation-duration: 1s;
	animation-fill-mode: forwards;
}

.ani.fadein {
	animation-name: fadeIn;
}

.ani.fadeout {
	animation-name: fadeOut;
}